@charset "utf-8";
/* CSS Document */

/**********通用布局**********/
/**************************/
/******页头******/
/*------主体------*/
.header{ width: 100%; height: 1.8rem; color: #fff; background: linear-gradient(90deg, #fff, #fff); background: -webkit-linear-gradient(left, #fff, #fff); padding: 0 2rem; position: fixed; z-index: 999; left: 0; top: 0;}
.header-no-back{ background: none!important;}

.index-header{width: 100%; height: 1.8rem; color: #fff; background: linear-gradient(90deg, #ff0036, #ff0036); background: -webkit-linear-gradient(left, #ff0036, #ff0036); padding: 0 2rem; position: fixed; z-index: 999; left: 0; top: 0;}


/*------栏目名字------*/
.header .logo{ width: 100%; line-height: 1.8rem; font-size: .6rem; color:#333; text-align: center; position: relative;}

/*------搜索------*/
.header-search{ width: 100%; overflow: hidden; padding: .3rem 0;}
.header-search-box, .header-search-btn{ width: 100%; height: 1.2rem; background: #fff; border:#eee .05rem solid; border-radius: .6rem; overflow: hidden; position: relative; padding:0 1.4rem;}
.header-search-box:before{ width: 1.3rem; height: 1.2rem; content: ''; background: url(../images/icon_search.svg) no-repeat center; background-size: .8rem auto; position: absolute; left: 0; top: 0;}

.header-search-box input{ width: 100%; height: 100%; font-size: .56rem;}
.header-search-box .search-clear{ width: 1.4rem; height: 1.2rem; background: url(../images/icon_clear.svg) no-repeat center; background-size: .8rem auto; display: block; position: absolute; right: 0; top: 0; display: none;}


/**********首页轮播图*********/
.swiper-container {  width: 100%;  padding-top:.5rem; }
.swiper-slide {background-position: center; background-size: cover; width: 300px; height: 120px; border-radius: .24rem;}


/******底部固定导航******/

/*------激活状态------*/
.nav li a.active span{ color: #ea333f;}

/*------小图标------*/
.nav li .nav-base i{ background-image: url(../images/nav/nav_home.svg);}
.nav li .nav-shopcart i{ background-image: url(../images/nav/nav_shopcart.svg);}
.nav li .nav-user i{ background-image: url(../images/nav/nav_my.svg);}
.nav li .nav-wallet i{ background-image: url(../images/nav/nav_wallet.svg);}
.nav li .nav-classify i{ background-image: url(../images/nav/nav_classify.svg);}


/*------激活状态------*/
.nav li a.active.nav-base i{ background-image: url(../images/nav/nav_home_active.svg);}
.nav li a.active.nav-shopcart i{ background-image: url(../images/nav/nav_shopcart_active.svg);}
.nav li a.active.nav-user i{ background-image: url(../images/nav/nav_my_active.svg);}
.nav li a.active.nav-wallet i{ background-image: url(../images/nav/nav_wallet_active.svg); background-size: .85rem auto;}
.nav li a.active.nav-classify i{ background-image: url(../images/nav/nav_classify_active.svg);}


/******切换选项卡******/
/*------切换标题------*/
.tab-title{ width: 100%; background: #fff; overflow: hidden;}
.tab-title ul{ width: 100%; border-collapse: collapse; table-layout: fixed; display: table;}
.tab-title li{ display: table-cell;}

.tab-title li span, .tab-title li a{ line-height: 1.56rem; font-size: .56rem; color: #999; text-align: center; display: block; position: relative;}
.tab-title li.active span{ color: #ff0036;}
.tab-title li.active span:after{ width: 40%; height: .1rem; content: ''; background: #ff0036; border-radius: .05rem; position: absolute; left: 30%; bottom: 0;}


/******商城菜单******/
/*------主体------*/
.market-menu{ width:auto; background: #fff; margin:.3rem; border-radius:.3rem; padding:.3rem; overflow: hidden; position:relative; top:-2rem; z-index:1;}
.market-menu li{ width: 25%; overflow: hidden; float: left; margin-top:.3rem; margin-bottom: .3rem;}
.market-menu li a{ display: block; padding: 0rem;}

/*------图标------*/
.market-menu li i{ width: 1.8rem; height:1.8rem; background:#eee; border-radius:50%; display: block; margin: 0 auto; padding:.15rem; overflow:hidden;}
.market-menu li img{ width: 100%; border-radius:.5rem; padding-top:.2rem;}
.market-menu li span{ font-size: .48rem; color: #323232; text-align: center; display: block; margin-top: .3rem;}



/******推荐、服饰、美妆等滚动标题样式******/

.shop-classify{ width:auto; min-height:5rem; background:#fff; border-radius:.3rem; margin:.3rem; margin-top:-1.8rem; overflow:hidden;}

/*------主体------*/
.scroll-title{width: 100%;height: 1.68rem;background: #fff;overflow: hidden;padding: 0 0rem;position: relative;}
.scroll-title:after{width: 1rem;height: 1.68rem;content: '';background: none; background: none; position: absolute;right: 0;top: 0;z-index: 98;}
.scroll-title-fixed{ box-shadow: 0 .06rem .3rem rgba(0,0,0,.1); position: fixed; left: 0; top: 1.8rem; z-index: 99999;}

/*------列表------*/
.scroll-title ul{ width: 100%; height: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.scroll-title li{ height: 1.68rem; line-height: 1.68rem; font-size: .56rem; color: #555; display: inline-block; padding: 0 .36rem;}

.scroll-title li span{ height: 1.68rem; color: #666; display: block; position: relative;}
.scroll-title li.active span{color: #FF0036;font-size: .7rem;}
.scroll-title li.active span:after {width: 100%;height: .1rem;content: '';background: #FF0036;position: absolute;left: 0;bottom: 0;z-index: 10;}


/*------排行榜列表------*/
.aui-ass-link{ padding:0 .3rem; border-top:#f1f1f1 1px solid;}
.aui-ass-link .aui-flex{ background:#fff; border-radius:6px; margin:.5rem 0rem; display: -webkit-box; display: -webkit-flex; display: flex;}
.aui-flex-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333;}

.aui-ass-img{ width:100px; height:100px;}
.aui-ass-img img{ width:100%; height:auto;}

.ranking-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333; padding-left:.5rem;}

.ranking-box h2{ word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: justify; font-weight: normal; color: #333; font-size: .56rem;}
.ranking-box p{font-weight: 400; font-size: 12px; line-height: 1.4; color: rgba(0, 0, 0, 0.9); width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; word-break: break-all;
 color:#818181; margin-bottom:0.2rem;}
.ranking-box span{ color:#999; font-size:.52rem; line-height:1.2rem; overflow:hidden;}

.ranking-box span em{
    background: -webkit-linear-gradient(left, #ff7401 , #fe3444); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff7401 , #fe3444); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff7401 , #fe3444); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff7401 , #fe3444); /* 标准的语法 */
    color:#fff;
    font-style:normal;
    padding:0.1rem 0.3rem;
    border-radius:3px;
    font-size:0.7rem;
}

.aui-ass-link .aui-flex-one{ padding:.6rem 0 0 0; margin-bottom:0;}
.aui-flex-one h2{ color:#818181; font-size:.56rem;}
.aui-flex-one h2 em{ color:#fe3444; font-size:.65rem; font-style:normal;}
.aui-flex-one h2 em i{ font-size:.56rem; font-style:normal;}
.aui-flex-one h2 b{ font-size:.56rem; font-weight:500; text-decoration:line-through; padding-left:.2rem;} 

.aui-button-get button{ color:#fff; font-size:.52rem; background: linear-gradient(90deg, #f71540, #fc1563); background: -webkit-linear-gradient(left, #f71540, #fc1563); border-radius:.8rem; padding:.2rem 0.5rem;}


/*------提交按钮------*/
.form-submit{ width: 100%; padding: .5rem; clear: both; margin-top: .3rem;}
.form-submit-btn{ width: 100%; height: 1.6rem; line-height: 1.6rem; font-size: .64rem; color: #fff; text-align: center; background: #ff0036; border-radius: .8rem; display: block;}
.form-submit-btn:disabled{ background: #afd8fa;}


/*----添加银行卡----*/
.add-bankcard{ overflow: hidden; padding: .3rem .5rem; position: absolute; left: 0; right: 0; bottom: 0;}
.add-bankcard a{ width: 100%; line-height: 1.4rem; text-align: center; background: #f9f9f9; border: #ff0036 .05rem solid; border-radius: .2rem; display: block;}
.add-bankcard i, .add-bankcard span{ height: 1.4rem; color: #ff0036; display: inline-block; vertical-align: top;}
